import React from 'react';
import { Button, Result } from 'antd-mobile';
import { useNavigate } from 'react-router-dom';
import styles from './PageNotFound.module.scss';

const PageNotFound = () => {
  const navigate = useNavigate();

  return (
    <div className={styles.container}>
      <Result
        status="404"
        title="404"
        description="抱歉，您访问的页面不存在"
      />
      <Button 
        block 
        color="primary" 
        size="large"
        onClick={() => navigate('/')}
      >
        返回首页
      </Button>
    </div>
  );
};

export default PageNotFound;
